<!-- BEGIN: BLOCK -->
<script type="text/javascript" src="{const_Web_Url}js/ui.core.js"></script>
<script type="text/javascript" src="{const_Web_Url}js/ui.tabs.js"></script>
<script type="text/javascript" src="{const_Web_Url}js/jquery.lightbox-0.5.js"></script>
<script type="text/javascript">
$(function() {
	$("#tab-content").tabs();
});
$(function() {
	$('#content-gallery a').lightBox();
});
</script>
<link rel="stylesheet" type="text/css" href="{const_Web_Url}themes/{theme}/css/{theme_tab}/ui.core.css" media="screen" />
<link rel="stylesheet" type="text/css" href="{const_Web_Url}themes/{theme}/css/{theme_tab}/ui.tabs.css" media="screen" />
<link rel="stylesheet" type="text/css" href="{const_Web_Url}themes/{theme}/css/{theme_tab}/ui.theme.css" media="screen" />
<link rel="stylesheet" type="text/css" href="{const_Web_Url}themes/{theme}/css/jquery.lightbox-0.5.css" media="screen" />
<div>
	<h1 class="tour_name">{detail.tour_name} - {detail.tour_duration}</h1>
	<div class="content_line"></div><br />
	<div class="brief">
		{detail.tour_image}<span class="tour_brief">{detail.tour_brief}</span>
	</div>
	<div style="float:right; padding:10px;"><a href="{const_Web_Url}index.php/{mod_booktour}/{detail.tour_id}/{detail.TourName}.html" class="book"><img src="{const_Web_Url}themes/{theme}/images/arrow3.gif" border="0" align="absmiddle" /> {lbl_booktour}</a></div>
	<div id="tab-content">
		<ul>			
			<li><a href="#content-overview"><b>{lbl_overview}</b></a></li>
			<li><a href="#content-itinerary"><b>{lbl_itinerary}</b></a></li>
			<li><a href="#content-rates"><b>{lbl_rates}</b></a></li>
			<li><a href="#content-gallery"><b>{lbl_gallery}</b></a></li>
		</ul>
		<div style="clear:both">
			<div id="content-overview">{detail.tour_overview}</div>
			<div id="content-itinerary">{detail.tour_itinerary}</div>
			<div id="content-rates">{detail.tour_rates}</div>
			<div id="content-gallery">
				<!-- BEGIN: GALLERY -->
				<div class="gallery">
					<a href="{gallery.gallery_url}">{gallery.gallery_image}</a>
				</div>	
				<!-- END: GALLERY -->
			</div>
		</div>
	</div>
	<div style="float:right; padding:10px;"><a href="{const_Web_Url}index.php/{mod_booktour}/{detail.tour_id}/{detail.TourName}.html" class="book"><img src="{const_Web_Url}themes/{theme}/images/arrow3.gif" border="0" align="absmiddle" /> {lbl_booktour}</a></div>	
    <div style="clear:both; padding-top:5px;">
		<!-- BEGIN: EXTEND -->
        <h3 class="nv_title">{lbl_extendtour}</h3>
		<div>
			<!-- BEGIN: EXTEND_LIST -->
			<div class="tour_other">
				<h4 class="nv_title"><a href="{const_Web_Url}index.php/{mod_tour}/{extend.country_code}/{extend.tour_id}/{extend.TourName}.html" class="tour_name">{extend.tour_name}</a></h4>			
				{extend.tour_image}
				<ul style="clear:both">
					<li>{lbl_duration}: {extend.tour_duration}</li>
					<li>{lbl_travelstyle}: {extend.travelstyle_name}</li>
					<li>{lbl_price}: {extend.tour_price}</li>
					<li><img src="{const_Web_Url}themes/{theme}/images/arrow2.gif" border="0" /> <a href="{const_Web_Url}index.php/{mod_tour}/{extend.country_code}/{extend.tour_id}/{extend.TourName}.html" class="tour_name">{lbl_more}</a></li>
				</ul>
			</div>
			{extend.clear}
			<!-- END: EXTEND_LIST -->
		</div>
		<div class="line_1"></div>
		<!-- END: EXTEND -->
		<!-- BEGIN: SIMILAR -->		
		<br />		
        <h3 class="nv_title">{lbl_similartour}</h3>
		<div>
			<!-- BEGIN: SIMILAR_LIST -->
			<div class="tour_other">
				<h4 class="nv_title"><a href="{const_Web_Url}index.php/{mod_tour}/{similar.country_code}/{similar.tour_id}/{similar.TourName}.html" class="tour_name">{similar.tour_name}</a></h4>
				{similar.tour_image}
				<ul style="clear:both">
					<li>{lbl_duration}: {similar.tour_duration}</li>
					<li>{lbl_travelstyle}: {similar.travelstyle_name}</li>
					<li>{lbl_price}: {similar.tour_price}</li>
					<li><img src="{const_Web_Url}themes/{theme}/images/arrow2.gif" border="0" /> <a href="{const_Web_Url}index.php/{mod_tour}/{similar.country_code}/{similar.tour_id}/{similar.TourName}.html" class="tour_name">{lbl_more}</a></li>
				</ul>				
			</div>
			{similar.clear}
			<!-- END: SIMILAR_LIST -->
		</div>
		<!-- END: SIMILAR -->
    </div>
</div>
<!-- END: BLOCK -->